<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美丽说</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../CSS/base.css">
    <link rel="stylesheet" href="../CSS/topNav.css">
    <link rel="stylesheet" href="../CSS/search.css">
    <link rel="stylesheet" href="../CSS/slider.css">
    <link rel="stylesheet" href="../CSS/main.css">
    <link rel="stylesheet" href="../CSS/rightNav.css">
    <link rel="stylesheet" href="../CSS/footer.css">
</head>

<body>
    <!-- 顶部导航通栏 -->
    <div class="header-container">
        <!-- 顶部导航栏版心 -->
        <header class="header wrap">
            <!-- 导航栏主体 -->
            <ul class="fr flex-row-b">
                <li>
                    <a href="#">
                        <span class="wechat"></span>微信登录
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="qq"></span>QQ登录
                    </a>
                </li>
                <li>
                    <a href="#">登录
                    </a>
                </li>
                <li>
                    <a href="#">注册
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="favorite"></span>我的收藏
                    </a>
                    <div class="fav-drop">
                        <dl>
                            <dd><a href="#">收藏宝贝</a></dd>
                            <dd><a href="#">收藏店铺</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <span class="shoppingCart"></span>我的购物车
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="olderList"></span>我的订单
                    </a>
                </li>
                <li>
                    <a href="#">帮助中心
                        <span class="help"></span>
                    </a>
                    <div class="help-drop">
                        <dl>
                            <dd><a href="#">买家服务</a></dd>
                            <dd><a href="#">商家服务</a></dd>
                            <dd><a href="#">规则中心</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#" class="clear-border">商家后台</a>
                </li>
            </ul>
        </header>
    </div>
    <!-- 搜索层 -->
    <div class="search-nav wrap">
        <!-- 左侧美丽说logo -->
        <div class="logo fl">
            <a href="#" class="logo-link"></a>
        </div>
        <!-- 搜索框和小字商品分类导航 -->
        <div class="search-box fl">
            <div class="top">
                <div class="switch fl switch-on">宝贝</div>
                <div class="switch fl">店铺</div>
            </div>
            <div class="middle">
                <input type="text" class="search-input fl">
                <div class="btn-search fl"></div>
            </div>
            <div class="bottom">
                <ul class="flex-row-b">
                    <li><a href="#" class="pink">连衣裙</a></li>
                    <li><a href="#">运动鞋</a></li>
                    <li><a href="#" class="pink">雪纺衫</a></li>
                    <li><a href="#" class="pink">衬衫</a></li>
                    <li><a href="#">薄外套</a></li>
                    <li><a href="#">T恤</a></li>
                    <li><a href="#">套装</a></li>
                    <li><a href="#">牛仔裤</a></li>
                    <li><a href="#" class="pink">小白鞋</a></li>
                    <li><a href="#">风衣</a></li>
                    <li><a href="#" class="pink">绑带凉鞋</a></li>
                    <li><a href="#">粗跟单鞋</a></li>
                </ul>
            </div>
        </div>
        <!-- 右侧客户端下载二维码 -->
        <div class="down-qr">
            <img src="../images/meilishuo_app.gif" alt="" class="lazyLoadImg" data-src="">
        </div>
    </div>
    <div class="title-nav">
        <div class="main-nav wrap">
            <ul class="flex-row">
                <li><a href="#">首页</a></li>
                <li><a href="#">上衣</a></li>
                <li><a href="#">裙子</a></li>
                <li><a href="#">裤子</a></li>
                <li><a href="#">女鞋</a></li>
                <li><a href="#">包包</a></li>
                <li><a href="#">配饰</a></li>
                <li><a href="#">美妆</a></li>
                <li><a href="#">男友</a></li>
                <li><a href="#">童装</a></li>
                <li><a href="#">家居</a></li>
            </ul>
        </div>
    </div>
    <!-- 轮播层 -->
    <div class="banner">
        <div class="container wrap">
            <div class="list">
                <img src="../images/banner06.jpg" alt="6" class="picture">
                <img src="../images/banner01.jpg" alt="1" class="picture">
                <img src="../images/banner02.jpg" alt="2" class="picture">
                <img src="../images/banner03.jpg" alt="3" class="picture">
                <img src="../images/banner04.jpg" alt="4" class="picture">
                <img src="../images/banner05.jpg" alt="5" class="picture">
                <img src="../images/banner06.jpg" alt="6" class="picture">
                <img src="../images/banner01.jpg" alt="1" class="picture">

            </div>
            <div class="buttons">
                <span class="btn on"></span>
                <span class="btn"></span>
                <span class="btn"></span>
                <span class="btn"></span>
                <span class="btn"></span>
                <span class="btn"></span>
            </div>
            <a href="javascript:;" class="back switch-nav"></a>
            <a href="javascript:;" class="next switch-nav"></a>
        </div>
        <div class="four-boxs wrap">
            <ul class="flex-row">
                <!-- src="../images/kinds01.png" -->
                <li><a href="#"><img src="../images/kinds01.png"  alt="" class="lazyLoadImg" data-src="../images/kinds01.png"></a></li>
                <li><a href="#"><img src="../images/kinds02.png" alt="" class="lazyLoadImg" data-src="../images/kinds02.png"></a></li>
                <li><a href="#"><img src="../images/kinds03.png" alt="" class="lazyLoadImg" data-src="../images/kinds03.png"></a></li>
                <li><a href="#"><img src="../images/kinds04.png" alt="" class="lazyLoadImg" data-src="../images/kinds04.png"></a></li>
            </ul>
        </div>
    </div>
    <!-- 主要商品内容层 -->
    <div class="main wrap">
        <div class="title-one flex-row-b">
            <!-- 中间的可切换导航 -->
            <div class="center-nav">
                <a href="javascript:void(0)" class="fl layer-nav layer-now">今日新品
                    <span class="underline line-on"></span>                   
                </a>
                <a href="javascript:void(0)" class="fr layer-nav ">一周热销
                    <span class="underline"></span>
                </a>
            </div>
            <!-- 右边小字查看更多 -->
            <div class="right-link">
                <a href="">查看更多&gt;</a>
            </div>
        </div>
        <!-- 购物层 -->
        <div class="shopping-layer" id="out-layer">
            <!-- 顶层商品栏 -->
            <div class="top-layer flex-row-b">
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods01.png" alt="" class="lazyLoadImg" data-src="../images/goods01.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>93.75</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>250</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods02.png" alt="" class="lazyLoadImg" data-src="../images/goods02.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>93.75</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>250</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods03.png" alt="" class="lazyLoadImg" data-src="../images/goods03.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>93.75</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>250</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods04.png" alt="" class="lazyLoadImg" data-src="../images/goods04.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>93.75</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>250</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods05.png" alt="">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>93.75</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>250</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</span>
                    </div>
                </div>
            </div>
            <!-- 底层商品栏 -->
            <div class="bottom-layer flex-row-b">
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods06.png" alt="" class="lazyLoadImg" data-src="../images/goods06.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>93.75</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>250</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods07.png" alt="" class="lazyLoadImg" data-src="../images/goods07.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>93.75</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>250</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods08.png" alt="" class="lazyLoadImg" data-src="../images/goods08.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>93.75</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>250</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods09.png" alt="" class="lazyLoadImg" data-src="../images/goods09.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>93.75</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>250</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods10.png" alt="" class="lazyLoadImg" data-src="../images/goods10.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>93.75</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>250</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 被隐藏的第二层商品栏 -->
        <div class="shopping-layer-overed wrap" id="inside-layer">
            <!-- 隐藏的顶层商品栏 -->
            <div class="top-layer flex-row-b">
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods11.png" alt="" class="lazyLoadImg" data-src="../images/goods11.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>81.25</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>154</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">两件套女装新款时尚碎花木耳边雪纺衫套装女夏装高腰百搭A字裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods12.png" alt="" class="lazyLoadImg" data-src="../images/goods12.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>81.25</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>154</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">两件套女装新款时尚碎花木耳边雪纺衫套装女夏装高腰百搭A字裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods13.png" alt="" class="lazyLoadImg" data-src="../images/goods13.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>81.25</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>154</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">两件套女装新款时尚碎花木耳边雪纺衫套装女夏装高腰百搭A字裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods14.png" alt="" class="lazyLoadImg" data-src="../images/goods14.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>81.25</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>154</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">两件套女装新款时尚碎花木耳边雪纺衫套装女夏装高腰百搭A字裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods15.png" alt="" class="lazyLoadImg" data-src="../images/goods15.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>81.25</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>154</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">两件套女装新款时尚碎花木耳边雪纺衫套装女夏装高腰百搭A字裙</span>
                    </div>
                </div>
            </div>
            <!-- 隐藏的底层商品栏 -->
            <div class="bottom-layer flex-row-b">
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods16.png" alt="" class="lazyLoadImg" data-src="../images/goods16.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>81.25</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>154</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">两件套女装新款时尚碎花木耳边雪纺衫套装女夏装高腰百搭A字裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods17.png" alt="" class="lazyLoadImg" data-src="../images/goods17.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>81.25</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>154</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">两件套女装新款时尚碎花木耳边雪纺衫套装女夏装高腰百搭A字裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods18.png" alt="" class="lazyLoadImg" data-src="../images/goods18.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>81.25</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>154</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">两件套女装新款时尚碎花木耳边雪纺衫套装女夏装高腰百搭A字裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods19.png" alt="" class="lazyLoadImg" data-src="../images/goods19.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>81.25</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>154</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">两件套女装新款时尚碎花木耳边雪纺衫套装女夏装高腰百搭A字裙</span>
                    </div>
                </div>
                <div class="goods-box">
                    <a href="#" class="top">
                        <img src="../images/goods20.png" alt="" class="lazyLoadImg" data-src="../images/goods20.png">
                    </a>
                    <div class="middle flex-row-b">
                        <div class="left">
                            <span>¥</span>
                            <span>81.25</span>
                        </div>
                        <div class="right">
                            <span></span>
                            <span>154</span>
                        </div>
                    </div>
                    <div class="bottom flex-row">
                        <img src="../images/youxuan.png" alt="" class="lazyLoadImg" data-src="../images/youxuan.png">
                        <span class="">两件套女装新款时尚碎花木耳边雪纺衫套装女夏装高腰百搭A字裙</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="title-two flex-row-b">
            <div class="left">
                <h3>好物组货</h3>
            </div>
            <div class="right">
                <a href="#">查看更多&gt;</a>
            </div>
        </div>
        <div class="shopping-layer-two flex-row-b">
            <div class="three-boxes">
                <a href="#" class="top-img">
                    <img src="../images/newProduct01.png" alt="" class="lazyLoadImg" data-src="../images/newProduct01.png">
                    <div>
                        <p>50款商品</p>
                        <span></span>
                    </div>
                </a>
                <div class="bottom flex-row-b">
                    <a class="left" href="#">
                        <img src="../images/dress01.png" alt="" class="lazyLoadImg" data-src="../images/dress01.png">
                        <p>¥&nbsp;100.00</p>
                    </a>
                    <a class="center" href="#">
                        <img src="../images/dress02.png" alt="" class="lazyLoadImg" data-src="../images/dress02.png">
                        <p>¥&nbsp;100.00</p>
                    </a>
                    <a class="right" href="#">
                        <img src="../images/dress03.png" alt="" class="lazyLoadImg" data-src="../images/dress03.png">
                        <p>¥&nbsp;100.00</p>
                    </a>                    
                </div>
            </div>
            <div class="three-boxes">
                <a href="#" class="top-img">
                    <img src="../images/newProduct02.png" alt="" class="lazyLoadImg" data-src="../images/newProduct02.png">
                    <div>
                        <p>50款商品</p>
                        <span></span>
                    </div>
                </a>
                <div class="bottom flex-row-b">
                    <a class="left" href="#">
                        <img src="../images/pants01.png" alt="" class="lazyLoadImg" data-src="../images/pants01.png">
                        <p>¥&nbsp;100.00</p>
                    </a>
                    <a class="center" href="#">
                        <img src="../images/pants02.png" alt="" class="lazyLoadImg" data-src="../images/pants02.png">
                        <p>¥&nbsp;100.00</p>
                    </a>
                    <a class="right" href="#">
                        <img src="../images/pants03.png" alt="" class="lazyLoadImg" data-src="../images/pants03.png">
                        <p>¥&nbsp;100.00</p>
                    </a>                    
                </div>
            </div>
            <div class="three-boxes">
                <a href="#" class="top-img">
                    <img src="../images/newProduct03.png" alt="" class="lazyLoadImg" data-src="../images/newProduct03.png">
                    <div>
                        <p>50款商品</p>
                        <span></span>
                    </div>
                </a>
                <div class="bottom flex-row-b">
                    <a class="left" href="#">
                        <img src="../images/shoes01.png" alt="" class="lazyLoadImg" data-src="../images/shoes01.png">
                        <p>¥&nbsp;100.00</p>
                    </a>
                    <a class="center" href="#">
                        <img src="../images/shoes02.png" alt="" class="lazyLoadImg" data-src="../images/shoes02.png">
                        <p>¥&nbsp;100.00</p>
                    </a>
                    <a class="right" href="#">
                        <img src="../images/shoes03.png" alt="" class="lazyLoadImg" data-src="../images/shoes03.png">
                        <p>¥&nbsp;100.00</p>
                    </a>                    
                </div>
            </div>
        </div>
    </div>

    <!-- 侧边栏导航栏 -->
    <div class="right-nav">
        <ul>
            <li>
                <a href="#">
                    <i class="iconfont">&#xe63c;</i>下载<span class="trans">APP</span>
                    <!-- 二维码下载 -->
                    <div class="qr-code">
                        <img src="../images/meili-app-qrcode140X140.png" alt="" class="lazyLoadImg" data-src="../images/meili-app-qrcode140X140.png">
                    </div>
                </a>
            </li>
            <li><a href="#"><i class="iconfont">&#xe615;</i>购物车</a></li>
            <li><a href="#"><i class="iconfont">&#xe65a;</i>消息</a></li>
            <li><a href="#"><i class="iconfont">&#xe624;</i>优惠券</a></li>
            <li><a href="#"><i class="iconfont">&#xe604;</i>收藏</a></li>
            <li><a href="#"><i class="iconfont">&#xe603;</i>足迹</a></li>
            <li><a href="#" class="return-top"><i class="iconfont">&#xe6ab;</i></a></li>
        </ul>
    </div>
    <!-- 页脚 -->
    <footer>
        <!-- 页脚内容版心,弹性均匀水平布 -->
        <div class="footer wrap flex-row-b">
            <div class="footer-left flex-row-b">
                <dl>
                    <dt>买家帮助</dt>
                    <dd><a href="#">新手指南</a></dd>
                    <dd><a href="#">服务保障</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">风险监测</a></dd>
                </dl>
                <dl>
                    <dt>商家帮助</dt>
                    <dd><a href="#">供货商招募</a></dd>
                    <dd><a href="#">商家后台</a></dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><a href="#">关于美丽说</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </dl>
                <dl class="follow-me">
                    <dt>关注我们</dt>
                    <dd>
                        <a href="#">
                            <span class="xinlang"></span>
                            新浪微博
                        </a>
                    </dd>
                    <dd>                        
                        <a href="#">
                            <span class="qq-room"></span>
                            QQ空间
                        </a>
                    </dd>
                    <dd>
                        
                        <a href="#">
                            <span class="weibo"></span>
                            腾讯微博
                        </a>
                    </dd>
                </dl>
            </div>
            <!-- 页脚右边两个大标题和二维码 -->
            <div class="footer-right flex-row-b">
                <div class="service-qr">
                    <h2>美丽说服务公众号</h2>
                    <img src="../images/weixin-server-qrcode.jpg" alt="" class="lazyLoadImg" data-src="../images/weixin-server-qrcode.jpg">
                </div>
                <div class="download-qr">
                    <h2>美丽说客户端下载</h2>
                    <img alt="" class="lazyLoadImg" data-src="../images/meili-app-qrcode.png">
                </div>
            </div>
        </div>
        <!-- 页脚底部文字 -->
        <div class="footer-content">
            <p class="footer-text">Copyright ©2017 xxxxxxxx.com 电信与信息服务业务经营许可证xxxxxx号 经营性网站备案信息</p>
            <p class="footer-text">京ICP备xxxxxxxx号 京公网安备xxxxxxxx 客服电话：xxxx-xxx-xxx 文明办网文明上网举报电话：xxx-xxxxxxxx 违法不良信息举报中心</p>
        </div>
    </footer>
    <!-- 图片懒加载js文件 -->
    <script src="../JS/lazyLoad.js"></script>
    <!-- 轮播图js文件 -->
    <script src="../JS/slider.js"></script>
    <!-- 页面交互js文件 -->
    <script src="../JS/main.js"></script>
</body>
</html>